import {} from 'https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js';

import { randomStr } from './public.js'

function doFormValidation() {
    const tel = $('.tel');
    const password = $('.password');
    const repass = $('.repass');
    const piccode = $('.piccode');
    const iAll = $('i')
    const pTips = $('p')
    const vcode = $('.ver_code')
    const cutcode = $('.cutcode')
    const check = $('.check')


    let telflag = true
    let passwordflag = true
    let repassflag = true
    let piccodeflag = true
    let checkflag = true

    // 手机号验证
    tel.on('blur', function() {
        if ($(this).val()) {
            let reg = /^1[3758]\d{9}$/;
            if (reg.test($(this).val())) {
                $.ajax({
                    type: 'post', //设置请求方式
                    url: 'http://10.31.157.18/changhong/php/registry.php', //接口地址
                    data: {
                        telphone: tel.val()
                    }
                }).done(function(data) { //执行成功后的方法
                    //data:后端返回的匹配结果
                    if (!data) { //不重名
                        $('.tel_i').css('display', 'inline');
                        $('.tel_p').html('');
                        telflag = true;
                    } else { //重名
                        $('.tel_i').css('display', 'none')
                        $('.tel_p').css('color', 'red').html('&#xe628;&nbsp;该手机号码已存在!');
                        telflag = false;
                    }
                });
            } else {
                pTips.eq($(this).index()).css('color', 'red').html("&#xe628;&nbsp;请输入正确的手机号码格式");
                telflag = false;
            };
        } else {
            pTips.eq($(this).index()).css('color', 'red').html("&#xe628;&nbsp;请输入手机号码！");
            telflag = false;

        }
    })

    // 密码验证
    password.on('blur', function() {
        if ($(this).val()) {
            let len = $(this).val().length;
            if (len >= 8 && len <= 16) {
                let reg = /[\dA-Za-z]/;
                if (reg.test($(this).val())) {
                    $(this).siblings('i').css('display', 'inline');
                    pTips.eq(1).html('');
                    passwordflag = true;
                } else {
                    pTips.eq(1).css('color', 'red').html("&#xe628;&nbsp;必须包含字母和数字！");
                    $(this).siblings('i').css('display', 'none');
                    passwordflag = false;

                }
            } else {
                pTips.eq(1).css('color', 'red').html("&#xe628;&nbsp;长度在8~16之间，必须包含字母和数字！");
                $(this).siblings('i').css('display', 'none');
                passwordflag = false;
            }
        } else {
            pTips.eq(1).css('color', 'red').html("&#xe628;&nbsp;请输入密码！");
            iAll.eq(1).css('display', 'none');
            passwordflag = false;
        }
    });

    // 确认密码
    repass.on('blur', function() {
        if ($(this).val()) {
            if ($(this).val() === password.val()) {
                $(this).siblings('i').css('display', 'inline');
                pTips.eq(2).css('color', 'red').html("");
                repassflag = true;
            } else {
                pTips.eq(2).css('color', 'red').html("&#xe628;&nbsp;密码错误");
                $(this).siblings('i').css('display', 'none');
                repassflag = false;
            }
        } else {
            pTips.eq(2).css('color', 'red').html("&#xe628;&nbsp;请确认密码！");
            $(this).siblings('i').css('display', 'none');
            repassflag = true;
        }
    })

    // 验证码

    piccode.on('blur', function() {
        if ($(this).val()) {
            if ($(this).val() === vcode.html()) {
                $(this).siblings('i').css('display', 'inline');
                pTips.eq(3).css('color', 'red').html('')
                piccodeflag = true;
            } else {
                pTips.eq(3).css('color', 'red').html("&#xe628;&nbsp;验证码错误")
                $(this).siblings('i').css('display', 'none');
                piccodeflag = false;
            }
        } else {
            pTips.eq(3).css('color', 'red').html("&#xe628;&nbsp;请输入验证码！")
            $(this).siblings('i').css('display', 'none');;
            piccodeflag = false;
        }
    });

    vcode.html(randomStr())
    cutcode.on('click', function() {
        let recode = randomStr();
        console.log(recode);
        vcode.html(recode)
    })

    $(document).ready(function() { //等待dom元素加载完毕
        if (!check.is(":checked")) { //jQuery方式判断
            pTips.eq(4).css('color', 'red').html("&#xe628;&nbsp;请已阅读并接受 <b>版权声明</b> 和<b> 隐私保护</b> 条款")
            checkflag = false;
        }
        check.click(function() {
            if (!check.is(":checked")) { //jQuery方式判断
                pTips.eq(4).css('color', 'red').html("&#xe628;&nbsp;请已阅读并接受 <b>版权声明</b> 和<b> 隐私保护</b> 条款")
                checkflag = false;
            } else {
                pTips.eq(4).html('')
                checkflag = true;
            }
        })
    })



    $('.btn').on('click', function() {
        if (!tel.val()) {
            pTips.eq(0).css('color', 'red').html("&#xe628;&nbsp;请输入手机号！");
            telflag = false;
        }
        if (!password.val()) {
            pTips.eq(1).css('color', 'red').html("&#xe628;&nbsp;请输入密码！");
            passwordflag = false;
        }
        if (!repass.val()) {
            pTips.eq(2).css('color', 'red').html("&#xe628;&nbsp;请确认密码！");
            repassflag = false;
        }
        if (!piccode.val()) {
            pTips.eq(3).css('color', 'red').html("&#xe628;&nbsp;请输入验证码！");
            piccodeflag = false;
        }
        if (!check.is(":checked")) { //jQuery方式判断
            pTips.eq(4).css('color', 'red').html("&#xe628;&nbsp;请已阅读并接受 <b>版权声明</b> 和<b> 隐私保护</b> 条款")
            checkflag = false;
        }
        if (!telflag || !passwordflag || !repassflag || !piccodeflag || !checkflag) {
            return false;
        }
    })
}
doFormValidation();